<template>
  <!-- 详情 -->
  <el-dialog title="车辆作业流程图详情" :visible.sync="dialogVisible" width="50%" append-to-body :close-on-click-modal="false"
    :before-close="closedialog">
    <el-descriptions :column="2" border>
      <el-descriptions-item>
        <template slot="label">
          车辆编号
        </template>
        {{form.veCustomsNo}}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          车牌号
        </template>
        {{form.vehicleNo}}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          步骤代码
        </template>
        <dict-tag :options="dict.type.mft_vehicle_work_flow" :value="form.stepCode" />
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          步骤时间
        </template>
        {{form.stepTime}}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          作业位置
        </template>
        {{form.stepLocation}}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          关区代码
        </template>
        {{form.customsCode}}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          单证编号
        </template>
        {{form.billCode}}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          批次号
        </template>
        {{form.manifestId}}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          报关单号
        </template>
        {{form.enterId}}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          业务类型
        </template>
        <dict-tag :options="dict.type.sys_bill_business_type" :value="form.businessType" />
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          gpsID
        </template>
        {{form.gpsId}}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          进出口
        </template>
        <dict-tag :options="dict.type.sys_i_e_flag" :value="form.iEFlag" />
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          通关代码
        </template>
        <dict-tag :options="dict.type.mft_biz_mode" :value="form.customsStateCode" />
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          经度
        </template>
        {{form.lot}}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          纬度
        </template>
        {{form.lat}}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          创建时间
        </template>
        {{form.createTime}}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          创建人
        </template>
        {{form.createBy}}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          更新时间
        </template>
        {{form.updateTime}}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          更新人
        </template>
        {{form.updateBy}}
      </el-descriptions-item>
    </el-descriptions>
    <div slot="footer" class="dialog-footer" style="text-align: center;">
      <el-button @click="closedialog">关闭</el-button>
    </div>
  </el-dialog>
</template>

<script>
  import {
    getVehicleBusiFlow
  } from "@/api/billsdecl/vehicleBusiFlow";
  export default {
    props: {
      dict: {}
    },
    data() {
      return {
        //显示详情
        dialogVisible: false,
        form: {
          id: null,
          veCustomsNo: null,
          vehicleNo: null,
          stepCode: null,
          stepTime: null,
          stepLocation: null,
          customsCode: null,
          billCode: null,
          manifestId: null,
          enterId: null,
          businessType: null,
          gpsId: null,
          iEFlag: null,
          customsStateCode: null,
          lot: null,
          lat: null,
          createTime: null,
          createBy: null,
          updateTime: null,
          updateBy: null
        }
      }
    },
    methods: {
      open(row) {
        this.dialogVisible = true;
        this.loadDetail(row);
      },
      closedialog() {
        this.dialogVisible = false
      },
      // 获取详情
      loadDetail(row) {
        getVehicleBusiFlow(row.id).then((res) => {
          if (res.code == 200) {
            this.form = res.data;
          }
        });
      },
    }
  };
</script>

<style>

</style>
